.s-relation{
  position: fixed;
  z-index:999;
  display: flex;
  flex-direction: column;
  .s-relation-item{
    margin: 5px 0px;
    position: relative;
    .item-content{
      position: absolute;
      left: -190px;
      width: 188px;
      display: none;
    }
    .item-icon{
      background-color: #B5B5B5;
      color: #FFFFFF;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .s-relation-item:hover{
    .item-icon{
       opacity: 0.8;
    }
    .item-content{
      display: block;
    }
  }
}
.s-relation-item:nth-of-type(2)>.item-content {
  top:-50px;
}
.s-relation-item:nth-of-type(3)>.item-content {
  top:-100px;
}
